<!-- 绑定加注卡 -->
<template>
	<view>
		<view class="info-wrap">
			<view class="item u-f-jsb">
				<view>加注卡</view>
				<input type="text" maxlength="8" placeholder="请输入8位数卡号" >
			</view>
			<view class="item u-f-jsb">
				<view>设置密码</view>
				<input type="number" maxlength="6" placeholder="请输入6位纯数字">
			</view>
			<view class="item u-f-jsb">
				<view>备注</view>
				<input type="text" placeholder="添加备注">
			</view>
		</view>
		<view class="btn">
			<button type="default">确定</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
page {
	background-color: RGBA(245, 245, 245, 1);
}
.info-wrap {
	margin-top: 20rpx;
	padding: 0 30rpx;
	background-color: #FFFFFF;
	
	.item {
		height: 100rpx;
		&:not(:last-child) {
			border-bottom: 1rpx solid rgba(230, 230, 230, 1);
		}
		input {
			text-align: right;
		}
	}
}

.btn {
	margin: 330rpx 20rpx 0 20rpx;
	button {
		background-color: rgba(50, 62, 86, 1);
		color: #FFFFFF;
		line-height: 90rpx;
		border-radius: 20rpx;
	}
}

</style>
